@font-face {
    font-family: "Delivery-Regular";
    src:url(https://www.dpdhl-brands.com/etc.clientlibs/dpdhl/cn/clientlibs/dhl/resources/fonts/delivery-rg.woff2) format("woff2"),url(https://www.dpdhl-brands.com/etc.clientlibs/dpdhl/cn/clientlibs/dhl/resources/fonts/delivery-rg.woff) format("woff")
}

@font-face {
    font-family: "Delivery-Bold";
   src:url(https://www.dpdhl-brands.com/etc.clientlibs/dpdhl/cn/clientlibs/dhl/resources/fonts/delivery-bd.woff2) format("woff2"),url(https://www.dpdhl-brands.com/etc.clientlibs/dpdhl/cn/clientlibs/dhl/resources/fonts/delivery-bd.woff) format("woff")
}

@font-face {
    font-family: "Delivery-CondensedBlack";
    src:url(https://www.dpdhl-brands.com/etc.clientlibs/dpdhl/cn/clientlibs/dhl/resources/fonts/delivery-cdblk.woff2) format("woff2"),url(https://www.dpdhl-brands.com/etc.clientlibs/dpdhl/cn/clientlibs/dhl/resources/fonts/delivery-cdblk.woff) format("woff")
}

@font-face {
  font-family: 'Delivery App';
  src: url('https://www.dpdhl-brands.com/etc.clientlibs/dpdhl/cn/clientlibs/dhl/resources/fonts/DeliveryApp-Light.woff2') format('woff2'), url('https://www.dpdhl-brands.com/etc.clientlibs/dpdhl/cn/clientlibs/dhl/resources/fonts/DeliveryApp-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  padding-top: 80px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  animation: fadeEffect 1s;
  /*
   
  overflow: auto;  
*/
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */
}
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Modal Content */
.modal-content_custom {
  background-color: #fefefe;
  margin: auto;
  border: 1px solid #888;
  width: 100%;
  max-width: 1050px;
  box-sizing: border-box;
  border-radius: 6px;
}
/* The Close Button */
.close_modal {
  color: #666666;
  float: right;
  font-size: 24px;
  font-weight: bold;
  border: solid 2px #666666;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  margin-top: 1rem;
}
.close_modal:hover, .close_modal:focus {
  color: #f91320;
  text-decoration: none;
  cursor: pointer;
  border-color: #f91320;
} /* The Close Button */
.popup-copy {
  margin: 1.8rem 1rem 0 1rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.popup-copy p:first-child {
  width: 82%;
}
.popup-copy p {
  margin-bottom: 1rem;
}
.footer_narrow_container {
  width: 80%;
}
.quiz_section_container_first {
  min-height: 488px;
  margin-top: 1rem;
}
.quiz_section_container {
  min-height: 386px;
  margin-top: 1rem;
}
.qz_main_container_1st {
  height: 690px;
  width: 100%;
  display: table;
  position: relative;
}
.qz_main_container {
  height: 894px;
  width: 100%;
  display: table;
  position: relative;
}
.dhl_container {
  display: table-cell;
  vertical-align: middle;
}
.grey_box_spacer {
  margin-top: 3.8rem;
}
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  color: #333333;
  background-color: #fff;
  font-family: "Delivery-Regular", Arial, "sans-serif";
  font-size: 20px;
  line-height: 27px;
  /*  overflow: hidden;*/
  scroll-behavior: smooth;
}
header, section, aside, footer {
  display: block;
}
body, h1, h2, h3, p, li, span {
  font-family: "Delivery-Regular";
  font-size: 18px;
  margin: 0;
  padding: 0;
}
ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}
*, *:before, *:after {
  box-sizing: border-box;
}
a {
  color: #2f2f2f;
  text-decoration: none;
}
a:hover {
  color: #2f2f2f;
  text-decoration: underline;
}
::placeholder {
  color: #333;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #333;
}
img {
  height: auto;
  max-width: 100%;
}
.dhlDelivery-paragraph--condensed {
  font-stretch: condensed;
}
.bg_gray {
  background-color: #F2F2F2;
}
.btn {
  border: 0px;
  background: #D40511;
  font-family: "Delivery-Regular";
  color: #ffffff;
  padding: 10px 32px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 8px;
}
.btn a {
  text-decoration: none;
  color: #ffffff;
}
.btn a:hover {
  text-decoration: none;
  color: #ffffff;
}
.btn:hover {
  background: #eb131e;
  transition-duration: .3s;
  color: #ffffff;
  text-decoration: none;
}
.btn-check:focus + .btn, .btn:focus {
  outline: none !important;
  box-shadow: none !important;
}
.btn_style_sm_text {
  padding-left: 65px;
  padding-right: 65px;
}
.m-hero {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  background-position: top right;
  background-size: contain;
  background-repeat: no-repeat;
  justify-content: center;
}
.search_btn {
  margin-left: 45px;
}
.full_wd {
  width: 100%;
  float: left;
  display: block;
}
header {
  background: linear-gradient(90deg, #fc0 0, #fc0 48%, #ffe57f 70%, #fff0b2) !important;
  background: -webkit-linear-gradient(90deg, #fc0 0, #fc0 48%, #ffe57f 70%, #fff0b2 100%);
  background: -moz-linear-gradient(90deg, #fc0 0, #fc0 48%, #ffe57f 70%, #fff0b2 100%);
  background: -o-linear-gradient(90deg, #fc0 0, #fc0 48%, #ffe57f 70%, #fff0b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcc00", endColorstr="#ffefb0", GradientType=1);
  padding: 15px 0;
  text-align: center;
}
.main_container {
  width: 100%;
  max-width: 1232px;
  margin: 0 auto;
}
.logo {
  width: 50%;
  text-align: left;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.nav_section {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
}
.search-content {
  margin-right: 2rem;
}
.search_section {
  display: flex;
  display: -webkit-flex;
  position: relative;
  align-items: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  width: 50%;
}
/*FOR SEARCH ICON*/
.preTopNav-Items {
  display: flex;
  flex-flow: row wrap;
  padding-top: 10px;
  padding-bottom: 10px;
}
.preTopNav-Items img {
  width: auto;
  height: auto;
}
.search {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
  border: none;
  position: relative;
  flex-wrap: nowrap;
  min-width: 55px;
}
.search img:hover {
  cursor: pointer;
}
.searchIcon-wrapper {
  /*  position: absolute;*/
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
}
.search input {
  /*  position: absolute;*/
  right: 0px;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  font-family: "Delivery-Regular";
  transform: translateX(calc(100% + 34px));
  transition: transform 0.5s ease-in-out;
  border: 0px;
  background: transparent;
  width: 0px;
}
.search.active input {
  transform: translateX(36px);
  width: 270px;
  border-bottom: solid 1px #000;
  background-image: url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B39ab73c5-e87c-4bf1-949f-50520df657b8%7D_search_icon.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 8px 38px 8px 32px;
}
.search.active input:focus {
  outline: none;
}
.search.active {
  transition: box-shadow 1.5s;
}
.searchIcon {
  /*
  width: 20px;
  height: 20px;
*/
  margin-right: 4px;
}
.searchIcon:nth-child(2) {
  display: none;
}
/*FOR SEARCH ICON CLOSED*/
.for_desktop {
  display: block !important;
}
.for_phone {
  display: none !important;
}
.video_container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.video_container video {
  position: absolute;
  left: 50%;
  top: 50%;
  /* The following will size the video to fit the full container. Not necessary, just nice.*/
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
}
.hero-image {
  height: calc(100vh - 77px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position-y: -12px;
  margin-top: 77px;
}
.hero-image::before {
  content: "";
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+1,000000+93,000000+100&0.65+38,0+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 1%, rgba(0, 0, 0, 0.65) 38%, rgba(0, 0, 0, 0.07) 93%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 1%, rgba(0, 0, 0, 0.65) 38%, rgba(0, 0, 0, 0.07) 93%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 1%, rgba(0, 0, 0, 0.65) 38%, rgba(0, 0, 0, 0.07) 93%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); /* IE6-9 */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.5;
}
.hero-text {
  width: 100%;
  max-width: 1086px;
  text-align: center;
  position: absolute;
  top: 28%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  z-index: 2;
}
.hero-text h1 {
  font-family: "Delivery-CondensedBlack";
  text-transform: uppercase;
  font-size: 59px;
  line-height: 62px;
  font-weight: 200;
  margin-bottom: 0.8rem;
}
.hero-text p {
  font-family: "Delivery-Regular";
  font-size: 20px;
  line-height: 28px;
}
.stepper_first {
  position: absolute;
  bottom: -110px;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Delivery-Regular";
  font-size: 16px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.stepper_first_copy {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  text-align: center;
}
.stepper_first a {
  text-decoration: none;
  color: #fff;
}
.stepper_first_copy img {
  margin-top: 10px;
}
.liner-verticle_first {
  height: 165px;
  max-height: 100%;
  width: 1px;
  background-color: #CCCCCC;
  margin-top: 10px;
}
.poll-intro-text {
  width: 100%;
  max-width: 1086px;
  text-align: center;
  margin: 0 auto;
  color: #333333;
  font-size: 20px;
  padding: 2.8rem 0;
}
.poll-intro-text h2 {
  font-family: "Delivery-Bold";
  font-size: 26px;
  line-height: 28px;
  font-weight: bold;
}
.poll-intro-text p {
  font-family: "Delivery-Regular";
  font-size: 20px;
  line-height: 28px;
  margin: 1rem 0 15px 0;
}
.poll-intro-text span {
  color: #D40511;
}
.quiz_section {
  display: flex;
  box-sizing: border-box;
  vertical-align: middle;
  align-content: space-evenly;
  justify-content: space-between;
  /*  margin-top: 2rem;*/
}
.top_spacer_quiz_sec {
  /*  margin-top: 5rem;*/
}
.quiz_question_option fieldset {
  margin-left: 1.4rem;
}
.quiz_question_option {
  width: 45%;
  /*  margin: 4rem 0 4rem 0;*/
  /*  max-height: 100%;*/
  color: #000000;
}
.quiz_question_option h3 {
  font-family: "Delivery-Bold";
  font-size: 26px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 1rem;
  color: #000;
}
.q_heading_section {
  display: flex;
  align-items: baseline;
}
.q_heading_section span {
  font-size: 26px;
  line-height: 28px;
  color: #D40511;
  font-family: "Delivery-Bold";
  font-weight: bold;
  margin-right: 0.4rem;
}
.verticle_nav {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  /*	display: none;*/
}
.verticle_nav .verticle_line {
  width: 0.8px;
  background-color: #ccc;
  height: 100%;
}
.quiz_question_ans {
  width: 45%;
  /*  margin: 4rem 0 4rem 0;*/
  display: none;
  /*  height: 100%;*/
}
.quiz_question_ans p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0.5rem;
}
.quiz_question_ans p:last-child {
  text-align: center;
}
.quiz_question_ans p span {
  font-weight: bold;
  color: #D40511;
}
.quiz_question_ans_two_col {
  display: flex;
}
.quiz_question_ans_two_col p:first-child {
  width: 50%;
  margin-right: 0.5rem;
}
.quiz_question_ans_two_col_graph {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.quiz_question_ans_two_col_graph p:first-child {
  width: 50%;
  margin-right: 0.8rem;
}
.form-check {
  margin-bottom: 1rem;
}
.form-check-label {
  font-size: 20px;
}
.form-check-label:hover {
  font-weight: bold;
}
input:checked[type=radio] ~ .form-check-label {
  font-weight: bold;
}
.form-check-input:checked[type=radio] {
  background-image: url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B931f33ed-1e5d-4cba-b739-9c0ce3220f77%7D_radio_bg2.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.form-check-input:active {
  filter: brightness(100%);
}
.form-check-input:focus {
  border-color: none;
  box-shadow: none;
}
.form-check-input:checked {
  background-color: #D40511;
  border-color: #CCCCCC;
}
.card_section {
  width: 100%;
  box-sizing: border-box;
}
.card_section h3 {
  font-family: "Delivery-Bold";
  font-size: 26px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 1rem;
  text-align: center;
  width: 100%;
  color: #000000;
}
.card_section h3 span {
  font-size: 26px;
  line-height: 28px;
  color: #D40511;
}
.card_section ul {
  display: flex;
  flex-direction: row;
}
.card_section ul li {
  padding: 1.8rem 2.5rem;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+0,f4f4f4+50,ffffff+100 */
  background: #f4f4f4; /* Old browsers */
  background: -moz-linear-gradient(top, #f4f4f4 0%, #f4f4f4 50%, #f4f4f4 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #f4f4f4 50%, #f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f4f4f4 0%, #f4f4f4 50%, #f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f4f4f4', GradientType=0); /* IE6-9 */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  justify-items: center;
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
  width: 97%;
  max-width: 320px;
}
.right_spacer {
  margin-right: 0.5rem;
}
.card_section ul li:not(:last-child) {
  margin-right: 0.5rem;
}
.card_section ul li:hover {
  box-shadow: 0 6px 8px 0 rgb(0 0 0 / 20%);
  transition: 0.4s;
}
.card_section ul li.for_thankyou {
  background: #f4f4f4; /* Old browsers */
  background: -moz-linear-gradient(top, #f4f4f4 0%, #f4f4f4 50%, #f4f4f4 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #f4f4f4 50%, #f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f4f4f4 0%, #f4f4f4 50%, #f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f4f4f4', GradientType=0); /* IE6-9 */
  padding: 2rem 1rem;
  cursor: default;
}
.card_section ul li p {
  font-size: 18px;
  line-height: 22px;
  margin-top: 1rem;
}
.card_section ul li p:first-of-type {
  min-height: 65px;
}
.card_section ul li span {
  font-weight: bold;
  color: #D40511;
}
.card_section a:hover {
  text-decoration: none;
}
.card_img_section {
  width: 100%;
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.q6_bg1 {
  background-image: url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B66b42b3e-a1cf-453b-8fdc-6875eb6fb34f%7D_medical_device.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.q6_bg2 {
  background-image: url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B22625f9b-b62e-441d-a9b6-61ab573d435b%7D_vaccine_img.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.q6_bg3 {
  background-image: url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7Bc0aa8e3e-b55e-48df-88f8-774e8ab71f63%7D_clinical_img.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.q6_bg4 {
  background-image: url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7Bc9981e98-dc79-4b4b-a142-2aa0a3ee16b7%7D_pharmaceutical_img.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.card_section ul li:hover .q6_bg1 {
  background-image: url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B6fc5a2f6-8511-4eef-8b66-f0a76226e761%7D_q6_opt1_img1.gif");
}
.card_section ul li:hover .q6_bg2 {
  background-image: url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7Bf1119631-2d74-4922-adc5-7b4658002d57%7D_q6_opt2_img1.gif");
}
.card_section ul li:hover .q6_bg3 {
  background-image: url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7Be7e64dc0-e928-452a-a893-278fd621c832%7D_q6_opt3_img1.gif");
}
.card_section ul li:hover .q6_bg4 {
  background-image: url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7Bc75c5207-c0b1-4a3a-a3b6-b5e8fb0910c9%7D_q6_opt4_img1.gif");
}

.card_section ul li:hover .form-check-input[type=radio] {
    background-image: url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B931f33ed-1e5d-4cba-b739-9c0ce3220f77%7D_radio_bg2.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.disclaimer-text {
  font-size: 14px;
  color: #666666;
  padding: 150px 0 50px 0;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  max-width: 880px;
}
/*STYLES FOR THANK YOU PAGES*/
.thankyou-text {
  width: 100%;
  max-width: 1112px;
  text-align: center;
  margin: 0 auto;
  color: #333333;
  padding: 3rem 0 2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.thankyou-text h1 {
  font-family: "Delivery-Bold";
  text-transform: uppercase;
  font-size: 42px;
  line-height: 47px;
  font-weight: 200;
  font-weight: lighter;
  margin-bottom: 0.5rem;
}
.thankyou-text p {
  font-family: "Delivery-Regular";
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 1rem;
  max-width: 1030px;
  width: 100%;
}
.icon-box {
  background-image: url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B94177b89-b64c-42b8-ae59-1698732e3a6a%7D_banner.png");
  box-sizing: border-box;
  display: flex;
  padding: 35px 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  font-family: "Delivery-Regular";
}
.for_header_spacer {
  padding: 88px 0;
}
.icon-box p {
  font-size: 20px;
  line-height: 26px;
}
.icon-box h3 {
  font-size: 36px;
  margin-bottom: 0;
  padding: 0;
  padding-bottom: 15px;
  line-height: 36px;
  font-family: "Delivery-Bold";
  font-weight: bold;
}
.thankyou_header {
  display: flex;
  box-sizing: border-box;
}
.icon-box-work {
  width: 70%;
}
.spacer_box_work {
  margin: 2rem 0;
}
.icon-box-work p {
  width: 90%;
}
.icon-box-work2 {
  width: 100%;
  text-align: center;
  max-width: 876px;
  margin: 0 auto;
}
.icon-box-work2 p {
  margin-bottom: 1rem;
  width: 100%;
}
.right_box {
  width: 30%;
  background: #fff;
  border-radius: 6px;
  padding: 25px 30px 35px 30px;
  font-family: "Delivery-Regular";
}
.right_box p {
  font-size: 20px;
  line-height: 26px;
  color: #333333;
}
.right_box p span{
	color: #D40511;
	font-weight: bold;
}

.right_box p:first-child {
  margin-bottom: 1rem;
}
.spacer_s {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.looking_for_more_card_sec {
  margin-top: 1rem;
}
.looking_for_more_card_sec h3 {
  font-family: "Delivery-Bold";
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
  margin-bottom: 2rem;
  text-align: center;
  width: 100%;
  color: #333333;
}
.looking_for_more_card_sec ul {
  display: flex;
}
.looking_for_more_card_sec ul li a {
  text-decoration: none;
}
.looking_for_more_card_sec ul > li:not(:last-child) {
  margin-right: 0.5rem;
}
.dhl_card {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  transition: 0.4s;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.dhl_card:hover {
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.card_pic {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.card_pic img {
  width: 100%;
  transition: 0.4s all ease-in-out;
}
.card_pic:hover img {
  transform: scale(1.1);
}
.looking_for_more_card_sec li:hover p {
  text-decoration: underline;
  color: #f91320;
}
.text_container {
  padding: 2rem 1rem;
  text-align: center;
}
.text_container a:hover {
  text-decoration: none;
}
.text_container h4 {
  font-size: 28px;
  line-height: 30px;
}
.text_container p {
  color: #D40511;
  font-size: 20px;
  font-weight: bold;
}
.text_container p a {
  text-decoration: none;
  color: #D40511;
}
/*STYLES FOR THANK YOU PAGES CLOSED*/
footer {
  background-color: #F1F1F1;
  padding: 2.5rem 0;
  text-align: center;
}
footer a {
  color: #333333;
}
footer a:hover {
  color: #f91320;
  transition-duration: .3s;
}
footer h4 {
  font-family: "Delivery-Bold";
  font-size: 32px;
  line-height: auto;
  font-weight: bold;
  margin-bottom: 1rem;
  text-align: center;
  width: 100%;
  color: #000;
}
.footer_link_section {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.f_link ul {
  margin: 0;
  padding: 0;
  display: flex;
}
.f_link ul li:not(:last-child) {
  margin-right: 2.5rem;
}
.f_link h5 {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 24px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 1rem;
}
.f_link li {
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 0.5rem;
}
.copyright_Text {
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  margin: 1.5rem 0;
}
.social_link h5 {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 24px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 1rem;
}
.social_link ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.social_link li {
  cursor: pointer;
}
.social_link li:not(:last-child) {
  margin-right: 1.5rem;
}
.social_link li:first-child {
  margin-top: 0.2rem;
}
.social_link li a svg {
  fill: #666;
}
.social_link li a:hover svg {
  fill: #D40511;
  transition-duration: .3s;
}
.control_extra_width {
  width: 80%;
}
.control_extra_width2 {
  width: 70%;
}
.control_extra_width3 {
  width: 58%;
}
/*STYLING BOXES FOR VERTICLE LINES*/
/*
.scroll-container {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}

*/
section {
  width: 100%;
  float: left;
}
.section1 {
  /*  		background-color: #7DBCD4;*/
}
.section2 {
  /*  		background-color: #98C19F; */
}
.section3 {
  /*  		background-color:  #A199E2;*/
}
.section4 {
  /*  		background-color:  #CC938E;*/
}
.section5 {
  /*  		background-color:  #D2C598;*/
}
.section6 {
  /*  		background-color:  blue;*/
}
.section7 {
  /*  		background-color:  pink;*/
}
section .height_vh {
  position: relative;
  /*		transform: translateY(-50%);*/
}
.ver_line {
  height: 100%;
  width: 1px;
  background-color: #ccc;
  position: absolute;
  left: 50%;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*
	 display: flex;
    flex-direction: column;
     align-items: center; 
    justify-content: space-between;
*/
}
.next_indicator {
  border: solid 1px #ccc;
  border-radius: 50%;
  background: #ffffff url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7Bc54d9ea3-bb13-4f7b-80e4-f63d2a7eb01a%7D_icon-navigate-next_active.png") no-repeat center;
  width: 54px;
  height: 52px;
  cursor: pointer;
  position: absolute;
  margin-top: -126px;
  z-index: 99;
  transform: translate(-50%, -50%);
}
.previous_indicator {
  border: solid 1px #ccc;
  border-radius: 50%;
  background: #ffffff url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B42e26f6e-5a0e-486e-859a-9d2fae16006f%7D_icon-navigate-previous.png") no-repeat center;
  width: 54px;
  height: 52px;
  cursor: pointer;
  position: absolute;
  margin-top: 153px;
  /*
  top: 26px;
  left: 50%;
*/
  z-index: 99;
  transform: translate(-50%, -50%);
}
.previous_indicator_firt {
  top: -118px;
}
.nav_controller {
  display: none;
}
.service_link_area {
  font-size: 12px;
  line-height: 16px;
  color: #666666;
  margin-top: 0.8rem;
}
.service_link_area a {
  color: #666666;
  text-decoration: none;
}
.spacer_first_q {}
.spacer_second_q {}

.ans_min_height{
	  min-height: 300px;
}
/*STYLING BOXES FOR VERTICLE LINES CLOSED*/
@media (min-width: 1919px) and (max-width: 2560px) {
  footer {
    padding: 3rem 0;
  }
  .card_section ul li {
    padding: 2.5rem 0.7rem;
  }
}
@media screen and (max-width: 1600px) {
  .quiz_section_container_first {
    min-height: 400px;
  }
  .quiz_section_container {
    min-height: 340px;
  }
  .control_extra_width {
    width: 67%;
  }
  .control_extra_width2 {
    width: 50%
  }
  .control_extra_width3 {
    width: 40%
  }
  .poll-intro-text {
    padding: 0.8rem 0 1.5rem 0;
  }
  .qz_main_container_1st {
    height: 488px;
    width: 100%;
    display: table;
    position: relative;
  }
  .qz_main_container {
    height: 700px;
    width: 100%;
    display: table;
    position: relative;
  }
}
@media screen and (max-width: 1440px) {
  .next_indicator {
    margin-top: -100px;
  }
  .previous_indicator {
    margin-top: 178px;
  }
  .popup-copy {
    margin: 2rem 1rem 0 1rem;
  }
}
@media screen and (max-width: 1150px) {
  .btn {
    padding: 10px 28px;
  }
}
@media screen and (max-width: 1060px) {
  .disclaimer-text {
    padding: 100px 0 50px 0;
  }
  .spacer_box_work {
    margin: 1rem 0;
  }
  .spacer_s {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .looking_for_more_card_sec {
    margin-top: 1rem;
  }
  .right_box {
    padding: 25px 25px 35px 25px;
  }
  .footer_narrow_container {
    width: 100%;
  }
  .card_section ul {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .card_section ul li {
    margin-bottom: 0.5rem;
  }
  .icon-box {
    width: 100%;
    margin: 0 auto;
    margin-right: 0;
    padding: 30px 0;
    display: block;
    background-image: url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7B94177b89-b64c-42b8-ae59-1698732e3a6a%7D_banner.png");
  }
  .hero-text {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .hero-text h1 {
    font-size: 44px;
    line-height: 47px;
  }
}
@media screen and (max-width: 991px) {
  .text_container h4 {
    font-size: 22px;
    line-height: 28px;
  }
  .btn {
    font-size: 16px;
    padding: 8px 23px;
  }
  .thankyou_header {
    flex-direction: column;
  }
  .icon-box-work {
    width: 100%;
  }
  .right_box {
    width: 100%;
  }
  .icon-box-work p {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {}
@media screen and (max-width: 820px) {
  .card_section ul {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .card_section ul li {
    margin-bottom: 0.8rem;
  }
  .looking_for_more_card_sec ul {
    display: flex;
    flex-wrap: wrap;
  }
  .looking_for_more_card_sec ul li {
    margin-bottom: 0.8rem;
    max-width: 47.8%;
  }
  .spacer_s {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 768px) {
	
	.section2, .section3, .section4, .section5, .section6{
		padding-top: 1rem;
    padding-bottom: 1rem;
	}
	.card_img_section{
		min-height: 105px;
	}
  .close_modal {
    margin-top: 0.6rem;
    margin-right: 0.6rem;
    width: 22px;
    height: 22px;
  }
  .quiz_question_ans_two_col_graph {
    flex-direction: column-reverse;
	  text-align: center;
  }
  .popup-copy {
    margin: 2.5rem 1rem 0 1rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .popup-copy p {
    font-size: 16px;
    line-height: 22px;
  }
  .hero-text {
    top: 22%;
    max-width: 720px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
  }
  .hero-text h1 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 0rem;
  }
  .hero-text p {
    font-size: 18px;
    line-height: 22px;
    width: 80%;
    margin-top: 1rem;
  }
  .quiz_section_container_first {
    min-height: auto;
    margin-top: 3rem;
  }
  .quiz_section_container {
    min-height: auto;
  }
  .grey_box_spacer {
    margin-top: 2.9rem;
  }
  .hero-image {
    margin-top: 58px;
    height: 100vh;
  }
  .quiz_question_ans_two_col {
    flex-direction: column;
  }
  .quiz_question_ans img {
    width: 50%;
  }
  .qz_main_container_1st {
    height: auto;
  }
  .qz_main_container {
    height: auto;
  }
  .dhl_container {
    display: table-cell;
    vertical-align: top;
  }
  .top_spacer {
    margin-top: 1.5rem;
  }
  .ver_line {
    display: none;
  }
  .poll-intro-text {
    padding: 0.1rem 0 1.5rem 0;
  }
  .top_spacer_quiz_sec {
    margin-top: 1.5rem;
  }
  .scroll-container {
    height: 500px;
    max-height: 100%;
  }
  .scroll-container section {
    height: 450px;
    max-height: 100%;
  }
  html, body {
    overflow: auto;
  }
  .for_desktop {
    display: none !important;
  }
  .for_phone {
    display: block !important;
  }
  .icon-box-work p {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
  }
  .quiz_section {
    flex-direction: column;
    margin-left: 15px;
    margin-right: 15px;
    box-sizing: border-box;
	 
  }
  .quiz_question_option {
    width: 100%;
  }
  .quiz_question_ans {
    width: 100%;
  }
  .nav_controller {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 1rem;
    padding-bottom: 1.2rem;
    border-bottom: solid 1px #ccc;
  }
  .nav_controller a{
    display: none;
  }
  .quiz_question_option h3 {
    font-size: 16px !important;
    line-height: 22px !important;
    margin-bottom: 0.5rem;
  }
  .quiz_question_option h3 span {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .form-check-label {
    font-size: 16px;
    line-height: 19px;
  }
  .form-check {
    margin-bottom: 0.2rem;
  }
  .quiz_question_ans {
    margin-top: 0.8rem;
  }
  .quiz_question_ans p, span {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .card_section h3 {
    font-size: 16px;
    line-height: 22px;
    margin-top: 1rem;
  }
  .quiz_question_ans_two_col p:first-child {
    width: 100%;
  }
  .social_link {
    margin-top: 1rem;
  }
  .f_link li {
    font-size: 14px;
  }
  .social_link h5 {
    margin-bottom: 0.5rem;
    font-size: 14px;
    line-height: 18px;
  }
  .f_link h5 {
    margin-bottom: 0.5rem;
  }
  .f_link h5 img {
    width: 70%;
  }
  .copyright_Text {
    font-size: 14px;
  }
  .social_link li a svg {
    width: 26px;
    height: 26px;
  }
  .looking_for_more_card_sec ul > li:not(:last-child) {
    margin-right: 0.5rem;
  }
  .icon-box h3 {
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 8px;
  }
  .icon-box-work2 h3 {
    font-size: 22px;
    line-height: 36px;
    padding-bottom: 8px;
  }
  .right_box {
    padding: 20px 20px 30px 20px;
  }
  .right_box p {
    font-size: 16px;
    line-height: 22px;
  }
  .looking_for_more_card_sec h3 {
    font-size: 20px;
    line-height: 36px;
  }
  .text_container h4 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0px !important;
  }
  .text_container p {
    font-size: 16px;
    line-height: 30px;
  }
  .quiz_question_option fieldset {
    margin-left: 1.1rem;
  }
	
	.quiz_question_ans_two_col_graph img {
		min-width: 100px!important
	}

.stepper_first {
    width: 100%;
}
}
@media screen and (max-width: 660px) {
  .search.active input {
    width: 245px;
    padding: 3px 38px 3px 32px;
  }
  .searchIcon {
    width: 50%;
  }
  .searchIcon-wrapper {
    width: 22px;
  }
  .icon-box {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 614px) {}
@media screen and (max-width: 560px) {
  .looking_for_more_card_sec ul > li:not(:last-child) {
    margin-right: 0px;
  }
  .thankyou_header {
    margin-left: 20px;
    margin-right: 20px;
  }
  .f_link h5 img {
    width: 62%;
  }
  .footer_link_section {
    flex-direction: column;
  }
  .copyright_Text {
    text-align: left;
  }
  .card_section ul li {
    padding: 1rem 2rem;
  }
  .card_section ul li p {
    font-size: 16px;
    line-height: 22px;
  }
  .card_section ul li p:first-of-type {
    min-height: auto;
  }
  .search.active input {
    width: 188px;
  }
  .icon-box {
    margin-top: 1.5rem;
  }
  .icon-box h3 {
    padding-bottom: 20px;
  }
  .right_box {
    margin-top: 20px;
    box-shadow: 0 6px 8px 0 rgb(0 0 0 / 20%);
    text-align: center;
  }
  h5 {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .footer_link_section {
    display: flex;
    flex-direction: column;
  }
  footer {
    padding: 1.8rem 0 0 0;
  }
  footer h4 {
    font-size: 22px !important;
  }
  .icon-box {
    margin-top: 0px;
    padding: 20px 0;
  }
  .text_container {
    padding: 0.8rem 1rem;
  }
  .text_container h4 {
    margin-bottom: 0px !important;
  }
  .thankyou-text {
    padding: 1.8rem 0 1.5rem 0;
  }
  .logo_top {
    width: 90%;
  }
  .looking_for_more_card_sec h3 {
    margin-bottom: 1rem;
  }
  .looking_for_more_card_sec ul {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .looking_for_more_card_sec ul li {
    max-width: 87%;
    margin-bottom: 1rem;
  }
  .icon-box {
    background-image: url("https://images.supplychain.dhl.com/EloquaImages/clients/DHLSupplyChainManagementGmbH/%7Bf535e2ab-7280-409c-95bf-3cc4120cda99%7D_vaccine_img_sm.png");
    background-position-y: -16px;
  }
  .btn {
    font-size: 14px;
  }
  .card_section ul > li:not(:last-child) {
    margin-right: 0rem;
  }
  .looking_for_more_card_sec ul > li:not(:last-child) {
    margin-right: 0rem;
  }
  .card_section ul li.for_thankyou {
    padding: 1.6rem 1rem;
  }
  .right_spacer {
    margin-right: 0px;
  }
  .disclaimer-text {
    padding: 2rem 0;
    font-size: 11px;
    line-height: 15px;
  }
  .card_section ul li span {
    font-size: 14px;
  }
  .hero-text {
    max-width: 320px;
    padding-left: 0px;
    padding-right: 0px;
    top: 32%;
  }
  .hero-text h1 {
    font-size: 24px;
    line-height: 30px;
  }
  .hero-text p {
    font-size: 16px;
    width: 100%;
    margin-top: 1rem;
  }
  .poll-intro-text h2 {
    font-size: 16px;
    line-height: 20px;
  }
  .poll-intro-text p {
    margin: 12px 30px;
  }
  .poll-intro-text span {
    font-size: 14px;
  }
  .card_section h3 span {
    font-size: 20px !important;
  }
  .card_section h3 {
    margin-top: 1rem;
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .card_section h3 span {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .video_container video {
    left: 50%;
  }
  .icon-box-work {
    text-align: center;
  }
  .popup-copy p:first-child {
    width: 100%;
  }
  .stepper_first_copy span {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .modal {
    position: fixed;
  }
	.card_section ul li:hover{
		box-shadow: none;
	}

.control_extra_width{
		width: 80%!important;
	}
 
.hero-text h1 {
    font-size: 32px;
    line-height: 38px;
}
}
@media screen and (max-width: 320px) {}